<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Include-Source - Cascading Style Sheets Properties</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td rowspan=2><h1 class="pagetitle">include-source</h1>
    <b><a href="../../../misc/suppkey.htm">Support Key:</a></b>
    [<b><i><u class="sr">N4-4.x</u></i></b>]<br></td>
    <td align=center><b class="alert">Other Generated<br>Content Properties</b><br></td>
</tr>
<tr>
    <td valign=top align=center><a href="quotes.htm">quotes</a><br>
    <a href="content.htm">content</a><br>
    <a href="counterreset.htm">counter-reset</a><br>
    <a href="counterinc.htm">counter-increment</a><br></td>
</tr>
<tr><td align=center colspan=2>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../../misc/email.htm">Brian Wilson</a> =</font><br>
</td></tr>
</table>
</center>

<div align="center">
<table cellpadding=5 cellspacing=0>
<tr>
    <td>&#160;&#160;<font size=2><a href="../../index.html">Main Index</a> |
        <a href="../../propindex/font.htm">Property Index</a> |
        <a href="../../supportkey/syntax.htm">CSS Support History</a> |
        <a href="../../../history/browsers.htm">Browser History</a></font>&#160;&#160;</td>
</tr>
</table>
</div>
<hr size=1 align="center" width="25%">

<br><br>
<table border=1 cellspacing=0 cellpadding=5>
<tr><td>
<table border=0 cellspacing=0>
<tr>
   <th colspan=3 valign=bottom class="field"><big><u><b
       class="colheaders">&#160;&#160;&#160;Quick Statistics&#160;&#160;&#160;</b></u></big><br></th>
</tr>
<tr><th align=left><b class="l3heading">Default Value: </b><br></th>
    <td rowspan=6>&nbsp;&nbsp;</td>
   <td>Null URL</td></tr>
<tr><th align=left><b class="l3heading">Applicable Elements: </b><br></th>
   <td>All except list items (LI/DT/DD) and most replaced elements</td></tr>
<tr><th align=left><b class="l3heading">Inherit From Parent: </b><br></th>
   <td>No</td></tr>
<tr><th align=left><b class="l3heading">Applicable Media: </b><br></th>
   <td>All</td></tr>
<tr><th align=left><b class="l3heading">HTML Equivalent: </b><br></th>
   <td>&lt;<b class="tagname">layer</b> <span class="tagattrib">SRC</span>=""&gt;</td></tr>
<tr><th align=left><b class="l3heading">Official Docs: </b><br></th>
    <td>None</td></tr>
</table>
</td></tr>
</table>

<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>This property inserts another document into the current document, replacing
        the current element's content. Any elements or CSS properties applied to or
        inherited by the current element are applied to the inserted content as well.
        <br><br>

        This property is similar in effect to the HTML 4.0 IFRAME element which
        Netscape 4.0 does <em>NOT</em> support.</dd>
</dl>

<dl>
<dt><br><big><b class="mainheading">Allowed Values</b></big>
<dt><b class="subheading">[URL]</b></dt>
<dt>[<b><i><u class="sr">N4-4.x</u></i></b>]</dt>
    <dd><b class="l3heading">Type:</b> Explicit</dd>
    <dd><b class="l3heading">Description:</b><br>
        An absolute or relative URL pointing to a document. If rendering
        of the document is not possible by the browser, it should be ignored and the
        regular element content be displayed instead.</dd>
</dl>

<dl>
<dt><big><b class="mainheading">Example</b></big>
    <dd><div class="example">Ext/Doc:<br><b class="selector">div</b> {<br>
        &#160;&#160;&#160;&#160;&#160;<span class="property">position:</span> absolute;<br>
        &#160;&#160;&#160;&#160;&#160;<span class="property">top:</span> 100px;
        <span class="property">left:</span> 300px;<br>
        &#160;&#160;&#160;&#160;&#160;<span class="property">width:</span> 200px;
        <span class="property">height:</span> 200px;<br>
        &#160;&#160;&#160;&#160;&#160;<span class="property">border:</span> thin solid black;<br>
        &#160;&#160;&#160;&#160;&#160;<span class="property">include-source:</span>
        url("http://www.example.com/testpage.htm");
        <br>&#160;&#160;&#160;&#160;&#160;}</div>
</dl>

<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li><b class="alert">Netscape</b>
        <dl>
            <dd><b class="alert2">4.x:</b>
            <dd>- I originally also had an example here for using this property
                in-line, but an alert reader pointed out that using 'include-source'
                in-line with the STYLE attribute appears to have NO effect. Using
                the property referenced by an external or embedded style sheet
                DOES appear to work fine.
            <dd>- This property does not apply to list items (LI/DT/DD), INPUT,
                IMG and other replaced elements.
            <dd>- Applying this property to SELECT and TEXTAREA elements replaces
                the content, but also renders empty form controls.
            <dd>- Applying this property will expand the dimensions of the
                element's rendering box unless the 'width' property is set.
        </dl>
</ul>

<br><br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>